html,body{
    height: 100%;
    width: 100%;
    margin: 0px;
}

body{
    background-color:rgb(200, 237, 241);
    display: grid;
    grid-template-rows: 100px 1fr 50px;
    /* grid-template-columns: 1fr 750px 1fr; */
    grid-template-areas: "a" "c" "e ";
}
.top{
    /* background-color: rgb(188, 226, 231); */
    grid-area: a;

    display: grid;
    /* grid-template-columns: 1fr 750px 1fr; */
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: 1034px 750px;
    grid-template-areas: "x z" ;
    
}
.l{
    grid-area: x;
}
.r{
    /* float:right; */
    grid-area: z;
}
.center{
    background-color: rgb(84, 211, 105);
    grid-area: c;
    
}
.bottom{
    background-color: rgb(211, 156, 84);
    grid-area: e;
    
}

